<template>
  <el-card class="box-card" shadow="hover">
    <div class="card">
      <div class="top">
        <!-- card里面的图片 -->
        <img src="../../assets/title.svg" />
      </div>
      <div class="content">
        <p>
          文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案
        </p>
      </div>
      <div class="buttom">
      <p> <a href="#">up的名字<img class="up" src="@/assets/UP.svg" /></a></p> 
      </div>
    </div>
  </el-card>
</template>

<script setup lang="ts">
defineProps(['card'])


</script>
<style scoped lang="scss">
.item {
  margin-bottom: 18px;
}

.box-card {
  width: 480px;
}
.card {
  display: flex;
  flex-direction: column;
  img {
    width: 440px;
    height: 220px;
    object-fit: fill
  }
  .up{
    height: 30px;
    width: 30px;
  }
}
.bottom {
  width: 440px;
  height: 40px;
}

a{
  display: inline;
    font-size: 20px;
  }
</style>
